button:focus {outline:none;}

.pip-button{
	box-shadow:0px 2px 25px rgb(103, 165, 233);
	background-color:rgb(49, 147, 236);
	border-radius:5px;
	color:white;
	width:120px;
	height:50px;
	transition-duration: 1s;
}
.pip-button:hover{
	background-color:#008acc;
	box-shadow:0px 0px 0px;
	width:100px;
	height:41px;
	transition-duration: 1s;
}
.pip-button:active{
	background-color:#008acc;
	box-shadow:0;
	width:100px;
	height:41px;
}
.ipi-button{
	box-shadow:0px 0px 0px;
	background-color:#008acc;
	border-radius:5px;
	color:white;
	width:100px;
	height:41px;
	
	transition-duration: 1s;
}


.pop-button{
	box-shadow:0px 2px 25px #c0c0c0;
	background-color:#808080;
	border-radius:5px;
	color:white;
	width:120px;
	height:50px;
	transition-duration: 1s;
}
.pop-button:hover{
	background-color:rgb(0, 0, 0);
	box-shadow:0px 0px 0px;
	width:100px;
	height:41px;
	transition-duration: 1s;
}
.pop-button:active{
	background-color:rgb(0, 0, 0);
	box-shadow:0;
	width:100px;
	height:41px;
}
.opo-button{
	background-color:rgb(0, 0, 0);
	box-shadow:0;
	border-radius:5px;
	color:white;
	width:100px;
	height:41px;
	transition-duration: 1s;
}
.contentbutton{
	position:relative;
	width:100%;
	height:10%;
	bottom:10%; 
}
.pagination {
  list-style: none;
  display: inline-block;
  padding: 0;
  margin-top: 10px;
}
.pagination li {
  display: inline;
  text-align: center;
}
.pagination a {
  float: left;
  display: block;
  font-size: 16px;
  text-decoration: none;
   padding: 0;
  color: #fff;
  margin-left: -1px;
  border: 1px solid transparent;
  line-height: 1.5;
}
.pagination a.active {
  cursor: default;
}
.pagination a:active {
  outline: none;
}

.pagemodel a {
  margin-left: 10px;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 30px;
  border-radius: 100%;
  transform: all 1s;
  cursor: pointer;
  animation: pageani 1s;
}
@keyframes pageani{
	0%{
		opacity: 0;
		margin-left:40px;
	}
	100%{
		opacity: 1;
		margin-left:10px;
	}
}


.pagemodel li:nth-child(1) a:hover,.pagemodel li:nth-child(1) a:active,.pagemodel li:nth-child(1) a.active{
	background-color:#FFC0CB ;
}
.pagemodel li:nth-child(2) a:hover,.pagemodel li:nth-child(2) a:active,.pagemodel li:nth-child(2) a.active{
	background-color:#FFC0CB ;
}
.pagemodel li:nth-child(3) a:hover,.pagemodel li:nth-child(3) a:active,.pagemodel li:nth-child(3) a.active{
	background-color:#FFA500 ;
}
.pagemodel li:nth-child(4) a:hover,.pagemodel li:nth-child(4) a:active,.pagemodel li:nth-child(4) a.active{
	background-color:#1E90FF ;
}
.pagemodel li:nth-child(5) a:hover,.pagemodel li:nth-child(5) a:active,.pagemodel li:nth-child(5) a.active{
	background-color:#90EE90 ;
}
.pagemodel li:nth-child(6) a:hover,.pagemodel li:nth-child(6) a:active,.pagemodel li:nth-child(6) a.active{
	background-color:#D8BFD8 ;
}
.pagemodel li:nth-child(7) a:hover,.pagemodel li:nth-child(7) a:active,.pagemodel li:nth-child(7) a.active{
	background-color:#FF6347 ;
}
.pagemodel li:nth-child(8) a:hover,.pagemodel li:nth-child(8) a:active,.pagemodel li:nth-child(8) a.active{
	background-color:#BA55D3 ;
}
.pagemodel li:nth-child(9) a:hover,.pagemodel li:nth-child(9) a:active,.pagemodel li:nth-child(9) a.active{
	background-color:#C0C0C0 ;
}


.kcheck_box{

	width:30px;
	height:30px;
	border-radius: 5px;
	background: white;
	transition: 1s;
	border: solid black 3px;
	outline: none;
}
.kcheck_box_active{
	width:30px;
	height:30px;
	outline: none;
	border-radius: 12px;
	background: rgb(0,120,0);
	box-shadow:rgb(0, 128, 0) 1px 1px 10px;
	border:white solid 1px;
}
.kcheck_box:hover{
	background: rgb(0,0,123);
	transition: 1s;
}

#kmeans_content_check_box span{
	position:relative;
	left:15px;
	bottom:5px;
}
.go_button{
	width:100px;
	height:30px;
	background:green;
	border-radius: 4px;
	border: none;

	color:white;
	text-align: center;
	font-size:16px;
	transition: 1s;
}
.go_button:hover{
	width:100px;
	height:30px;
	background:green;
	border-radius: none;
	border: none;
	color:white;
	text-align: center;
	box-shadow:none;
	font-size:16px;
	transition: 1s;
}
.check_go{
	position:relative;
 	padding:1px;
	border:solid 3px  #e9e9e9;
	 transition: 1s;
}
.check_go:hover{
	padding:1px;
	border:solid 3px green;
	transition: 1s;
}
.arrowright{
	display:inline-block;
	width:0;
	height:0;
	position:relative;
	left:50px;
	top:40px;
	border-top: 30px solid transparent;
	border-left: 50px solid black;
	border-bottom: 30px solid transparent;
	animation: ani-right 1.5s infinite;
}
@keyframes ani-right{
	0%{left:50px;}
	100%{left:100px;}

}
.arrowleft{
	display:inline-block;
	width:0;
	height:0;
	position:relative;
	left:100px;
	top:40px;
	border-top: 30px solid transparent;
	border-right: 50px solid black;
	border-bottom: 30px solid transparent;
	animation: ani-left 1.5s infinite;
}
@keyframes ani-left{
	0%{left:100px;}
	100%{left:50px;}

}
.do_button{
	width:100px;
	height:30px;
	background:red;
	border-radius: 4px;
	border: none;

	color:white;
	text-align: center;
	font-size:16px;
	transition: 1s;
}
.do_button:hover{
	width:100px;
	height:30px;
	background:red;
	border-radius: none;
	border: none;
	color:white;
	text-align: center;
	box-shadow:none;
	font-size:16px;
	transition: 1s;
}
.k_button{
 	padding:1px;
	border:solid 3px  #e9e9e9;
 	transition: 1s;
 	position: relative;
}
.k_button:hover{
	padding:1px;
	border:solid 3px red;
	transition: 1s;
}
#sdata td:nth-child(1){
	animation: td_show_ani 1s;
}
#sdata td:nth-child(2){
	animation: td_left_ani 1s;
}
@keyframes td_show_ani{
	0%{
		padding-left:30px ;
		opacity: 0;
	}
	100%{
		padding-left:13px ;
		opacity: 1;
	}
}
@keyframes td_left_ani{
	0%{
		opacity: 0;
		padding-left: 60px;
	}
	100%{
		padding-left:12px;
		opacity: 1;
	}
}